/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/
*{margin:0px;padding:0px;}
body{background:#e6e6e6;font-size:12px;font-family:"Microsoft YaHei";color:#313131;}
a{text-decoration:none;cursor:pointer;color:#666}
a:hover{color:#ed182a}
a:visited{ color:inherit;}
img{border:none;}
em,i{font-style:normal;}
button{border:none;}
input{outline:none;border:none;font-family:"Microsoft YaHei";}
li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.back-orange{background:#ff9900;}
.white{color:#FFF;}
.wrap{width:100%;}
.content{width:1200px;margin:0px auto;zoom:1;overflow: hidden;}
.clear{clear:both;}
.mt5{margin-top:5px;}
.mt20 { margin-top: 20px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.mt10 { margin-top: 10px;}
em{font-style:normal;}
.border {border: none;}
/*二级页面位置*/
.weizhi {
    height: 40px;
    line-height: 40px;
    text-align: left;
    margin: 0px auto;
    background-image: url(/template/default/common/images/casebj.png);
    background-position: 0px -128px;
    text-indent: 20px;
}
/*评价星星*/
.empstar, .fullstar {
    background: url(/template/default/common/images/star.gif);
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 1px;
}
.empstar {
    background-position: right;
}

/*公共样式*/
h3.s1_biaoti{font-size:16px;background:url(/template/default/index/style/images/icon.jpg) no-repeat left center;color:#757575;text-align:left;text-indent:24px;margin-left:12px;height:25px;line-height:30px;font-family:宋体;}
h3.s1_biaoti font{font-family:Arial;font-weight:normal;font-size:10px;}


/*==================================================================HTML5 CSS3 特效==========================================================================*/
/*遮罩*/
.ht5_zhezhao{ height:100%; width:100%; background:url(/images/touming2.png) repeat; text-align:center;opacity:0;transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s;}
.ht5_zhezhao table{ width:100%;height:100%;}
.ht5_zhezhao table td{color:#FFF;font-size:60px;text-align: center;transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.3s;}
.ht5_zhezhao:hover{opacity:1;font-size:30px;}
.ht5_zhezhao:hover table td{opacity:1;font-size:25px;}

.ht5_touming:hover{opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}

.ht5_fangda{transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;}
.ht5_fangda:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.ht5_360deg:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.ht5_huangdong:hover{transform: translateX(-6px);}

.ht5_beijinfushang{ transition: 0.5s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.ht5_beijinfushang:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}

.ht5_yanchi:hover{ transition: color 0.3s ease-out; -webkit-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;-ms-transition:color 0.3s ease-out;} 

.ht5_bottom_top{animation:ht5_bottom_top 3s .2s ease both;} 
.ht5_top_bottom{animation:ht5_top_bottom 3s .2s ease both;} 
.ht5_left_right{animation:ht5_left_right 3s .2s ease both;} 
.ht5_right_left{animation:ht5_right_left 3s .2s ease both;} 
.ht5_top_bottom_huangdong{animation:ht5_top_bottom_huangdong 3s .2s ease both;}
.ht5_opacity{animation:ht5_opacity 3s .2s ease both;}
.ht5_huangdong{transition: transform 0.2s linear 0s;}

@-webkit-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}
@-moz-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}
@-ms-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}

@-webkit-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes ht5_left_right{
    0%{opacity:0;
    -webkit-transform:translateX(-40px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_left_right{
    0%{opacity:0;
    -moz-transform:translateX(-40px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_left_right{
    0%{opacity:0;
    -ms-transform:translateX(-40px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}

@-webkit-keyframes ht5_right_left{
    0%{opacity:0;
    -webkit-transform:translateX(40px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_right_left{
    0%{opacity:0;
    -moz-transform:translateX(40px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_right_left{
    0%{opacity:0;
    -ms-transform:translateX(40px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}

@-webkit-keyframes ht5_top_bottom{
    0%{opacity:0;
    -webkit-transform:translateY(-1800px)}
    60%{opacity:1;
    -webkit-transform:translateY(20px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}

@-moz-keyframes ht5_top_bottom{
    0%{opacity:0;
    -moz-transform:translateY(-1800px)}
    60%{opacity:1;
    -moz-transform:translateY(20px)}
    80%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes ht5_top_bottom{
    0%{opacity:0;
    -ms-transform:translateY(-1800px)}
    60%{opacity:1;
    -ms-transform:translateY(2px)}
    80%{-ms-transform:translateY(-10px)}
    100%{-ms-transform:translateY(0)}
}
@-webkit-keyframes ht5_top_bottom_huangdong{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}
@-moz-keyframes ht5_top_bottom_huangdong{
    0%{-moz-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{-moz-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}
@-ms-keyframes ht5_top_bottom_huangdong{
    0%{-ms-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-ms-transform:perspective(400px) rotateX(-10deg)}
    70%{-ms-transform:perspective(400px) rotateX(10deg)}
    100%{-ms-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}


/*从上到下 前后 end*/

/*设置动画效果 结束 end====================================================================================*/



/*top*/
.header .header_top{width:100%;height:35px;line-height:35px;background-color:#f2f2f2;}
.header .header_top .header_top_cont{width:1200px;margin:0 auto;}
.header .header_top .header_top_cont>a{font-size:15px;color:#000;}
.header .header_top .header_top_cont>a img{margin-left:20px;margin-top:-10px;}
.header .header_top .header_top_cont .header_top_cright{width:235px;float: right;}
.header .header_top .header_top_cont .header_top_cright ul li{float: left;}
.header .header_top .header_top_cont .header_top_cright ul li a{font-size:15px;color:#000;padding:0 5px;}
.header .header_top .header_top_cont .header_top_cright ul li img:nth-of-type(2){margin-right:20px;}
.header .header_logo{width:1200px;margin:0 auto;height:130px;padding:28px 0;box-sizing: border-box;}
.header .header_img{width:320px;float: left;}
.header .header_img img{max-width: 100%;}
.header .header_logo_search{width:460px;float: left;margin-top:20px;height:40px;border:2px solid #0D3638;margin-left:100px;}
.header .header_logo_search a:nth-of-type(1){display: inline-block;width:20%;height:30px;color:#000;padding: 0 10px;position: relative; top: 1px;}
.header .header_logo_search input{height:37px;border:none;outline: none;width:58.6%;}
.header .header_logo_search a:nth-of-type(2){display: inline-block;width:15%;height:42px;line-height:40px;text-align: center;background-color:#0D3638;}
.header .header_phone{width:260px;text-align: center;float: right;}
.header .header_phone a:nth-of-type(1){display: block;font-size:18pxpx;color:#333;}
.header .header_phone a:nth-of-type(2){display: block;font-size:20pxpx;color:#333;font-weight: bolder;}
.header .header_nav{width:100%;height:61px;background-color:#0D3638;line-height:60px;}
.header .header_nav .header_nav_list{width:1200px;margin:0 auto;}
.header .header_nav .header_nav_list>ul>li{float: left;position:relative;}
.header .header_nav .header_nav_list>ul>li div{position:absolute;z-index: 5;background: #0D3638;width:100%;display:none;}
.header .header_nav .header_nav_list>ul>li div ul li a{display: block;width:100%;font-size:16px;color:#fff;text-align: center;}
.header .header_nav .header_nav_list ul li:hover{background-color:#333333;}
.header .header_nav .header_nav_list>ul>li>a{color:#fff;padding:0 38px;font-size:16px;display: inline-block;}
.header .header_seek{width: 460px;float: left;margin-top: 20px;height: 40px;border: 2px solid #0D3638;margin-left: 100px;position: relative;}
.header .header_seek #top_type{display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #000;
    padding: 0 10px;
    font-size: 15px;}

.header .header_seek input{height: 37px;border: none;outline: none;width: 58.6%;}
.header .header_seek #search_miro{
    width: 10%;
    background-color: #0D3638;
    display: inline-block;
    text-align: center;
    padding: 8px 0px;
    position: absolute;
    right: 0;
}
.header .header_seek UL {
	display: none; 
    z-index: 150;
    left: -2px;
    border: 2px solid #0D3638;
    border-top: none;
    border-radius: 3px;
    width: 88px;
    position: absolute;
    top: 40px;
    background-color:#fff;
	}
.header .header_seek UL LI {FLOAT: left; WIDTH: 100%; HEIGHT: 30px; text-align:center;line-height: 30px;}
.header .header_seek UL LI A {FLOAT: left; WIDTH:100%;font-size: 12px;}
.header .header_seek UL LI {background-color: #ffffff;}
.header .header_seek UL LI A {WIDTH: 100%; COLOR: #333333; LINE-HEIGHT: 24px}
.header .header_seek UL LI A:hover {COLOR: #0D3638; TEXT-DECORATION: none}
/*.searchselect UL LI A.current {COLOR: #9c9c9c}
.searchselect UL LI A.current:hover { COLOR:#019241}*/
.header .header_seek UL LI.last {OVERFLOW: hidden; WIDTH:100%;HEIGHT: 5px;}

/*top end*/




/*底部*/
.lb-floor-12 { margin-top: 25px; }
.yqlj_bottom{width:1200px;line-height:30px;padding-bottom: 30px;margin:0 auto;}
.yqlj_bottom span{font-size:18px;color:#fff;}
.yqlj_bottom a{font-size:16px;color:#fff;padding:0 10px;display:inline-block; }
.lb-floor-12 .lb-wrapper { width: 1200px; margin: auto; font-size: 0px; }
.lb-floor-12 .floor-12-top { background: #2b2b2b; padding: 50px 0; }
.lb-floor-12 p { margin: 0px; }
.lb-floor-12 .floor-12-left,.lb-floor-12 .floor-12-center,.lb-floor-12 .floor-12-right { display: inline-block; vertical-align: top; font-size: 14px; }
.lb-floor-12 .floor-12-left { font-size: 0px; }
.lb-floor-12 .floor-12-left p { display: inline-block; vertical-align: top; font-size: 16px; padding-left: 40px; margin-left: 40px; border-left: 1px solid #424242; }
.lb-floor-12 .floor-12-left p:first-child { padding-left: 0px; margin-left: 0px; border-left: 0px; }
.lb-floor-12 .floor-12-left p a { height: 36px; line-height: 36px; display: block; color: #fff; text-decoration: none; color: #bcbcbc; }
.lb-floor-12 .floor-12-left p a:first-child { color: #fff; font-weight: bold; }

.lb-floor-12 .floor-12-center {margin-left: 45px;padding: 0 35px;border-right: 1px solid #424242;border-left: 1px solid #424242;box-sizing: border-box; }
.lb-floor-12 .floor-12-center img{width:270px;height:180px;}
.lb-floor-12 .floor-12-center span{width:100%;height: 50px;border-bottom: 1px solid #424242;font-family: DINOffcPro;font-size: 26px !important;padding-left:15px;box-sizing:border-box;display: block;}
.lb-floor-12 .floor-12-center i{width:70px;padding:4px 10px;text-align:center;border-radius:5px;background-color:#000;color:#fff;font-size:14px;display: block;margin:20px 0 10px 0;}
.lb-floor-12 .floor-12-center p{font-size:14px !important;color:#fff;}

.lb-floor-12 .floor-12-right { margin-left: 40px; font-size: 0px; }
.lb-floor-12 .floor-12-right span { color: #dbdbdb; font-size: 14px; }
.lb-floor-12 .floor-12-right p { margin: 15px 0 0; font-size: 0px; position: relative; }
.lb-floor-12 .floor-12-right p input { width: 235px; height: 37px; vertical-align: middle; padding: 0 15px; margin: 0px; border: 0px; outline: 0; }
.lb-floor-12 .floor-12-right p a { width: 125px; height: 39px; line-height: 39px; text-align: center; color: #fff; background: #e60012; display: block; font-size: 14px; text-decoration: none; font-weight: bold; }
.lb-floor-12 .floor-12-right p i { height: 39px; line-height: 39px; position: absolute; top: 0px; right: 0px; color: #fff; font-size: 14px; font-style: normal; font-weight: normal; }
.lb-floor-12 .floor-12-right p i b { margin: 0 5px; font-weight: bold; color: #e60012; }

.lb-floor-12 .floor-12-right .floor-12-input,.lb-floor-12 .floor-12-right .floor-12-qrcode { margin-left: 30px;display: inline-block; vertical-align: middle; font-size: 16px; }
.lb-floor-12 .floor-12-right .floor-12-qrcode { margin-left: 50px; }
.lb-floor-12 .floor-12-right .floor-12-qrcode img{width:110px;height:110px;}
.lb-floor-12 .floor-12-right .floor-12-qrcode p { margin: 0px; font-size: 0px; text-align: center; }
.lb-floor-12 .floor-12-right .floor-12-qrcode p span { width: 109px; height: 32px; line-height: 32px; text-align: center; display: block; color: #fff; background: #1d1d1d; }
.xf_btn2{background-color:#db0000;border:none;color:white;padding:15px 32px;text-align:center;text-decoration:none;font-size:16px;margin:4px 2px;cursor: pointer;}

.lb-floor-12 .floor-12-bottom { height: 65px; line-height: 65px; background: #1d1d1d; text-align: center; }
.lb-floor-12 .floor-12-bottom .lb-wrapper { width: 1200px; margin: auto; }

.lb-floor-12 .floor-12-bottom .lb-wrapper p { color: #858585; font-size: 14px; }
.lb-floor-12 .floor-12-bottom .lb-wrapper p a { color: #858585; margin: 0 10px; text-decoration: none; }
/*底部 end*/

/*悬浮预约表单*/
.xf_box{height:102px; width:100%; background:url(../images/touming.png) repeat;z-index:2;position:fixed;bottom: 0;color:#fff;left:0;}
.xf_box_con{position:relative;height:100%;}
.xf_box_con .radio_box{position: absolute;top:10px;font-size:18px;}
.xf_box_con .input_box{position: absolute;top:48px;font-size:18px;width:178px;height:46px;}
.xf_box_con .input_box input{width:170px;height:100%;padding-left:8px;font-size:16px;font-family: "Microsoft YaHei";}
.xf_btn{display: block;*display: inline;*zoom: 1;position: absolute;;height:42px; line-height:42px;border:1px solid #000;color: #ff4900;text-decoration: none;font-size: 16px;text-transform: uppercase;width:128px;text-align:center; font-weight:bold;top: 48px; left: 710px;}
.xf_btn:hover{color: #ff4900!important;}
.xf_btn:before,.xf_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 2px solid #ff4900;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;/* transition: width .3s ease-out .2s, height .2s ease-in; */}
.xf_btn:before{top: -2px;border-bottom: 0;}
.xf_btn:after{bottom: -2px;border-top: 0;}
.xf_btn:hover:before,.xf_btn:hover:after{width: 100%;height: 23px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}
.xf_box_con .wz_box{position:absolute;font-size:18px;line-height:25px;left:866px;top:40px;}
/*悬浮预约表单 end*/



/*客服导航*/

#kf-kefuQQ{position:relative; }
#kf-kefu{position: absolute;left: -140px;width: 140px;background:url(../images/f-middle.png) repeat-y;display:none;padding:20px 0;border-radius:10px;overflow:hidden;}
#kf-kefuQQ:hover  #kf-kefu{display:inline-block;}
#kf-kefu img{cursor:pointer;}
#kf-kefu div{padding:5px 0px; width:110px;  background-color:#f9f9f9;margin:0 auto;}
#kf-kefu div p{ line-height:25px; font-size:13px; display:block;margin:0 auto; width:94px;}
#kf-kefu div p img{margin-top:5px;}
#kf-kefu div a{display:block;text-align:center;border-bottom:1px dashed #ccc;}
#kf-kefu div a:link{color:#333;}
#kf-kefu div a:visited{color:#333;}
#kf-kefu div a:hover{color:orange;background:none;}

.kf-nav{
	position:fixed;
	top:16%;
	right:10px;
	background:url(../images/f-nav-bg.png)  no-repeat;
	width:72px;
	height:480px;
	padding-right:7px;
	z-index:41
}
.kf-nav p{text-align:center;}
.kf-nav .kf-search,.kf-nav .kf-menu,.kf-nav .kf-top,.kf-nav .kf-share{
	text-align:center;
}
.kf-nav .kf-search a,.kf-nav .kf-top a{
	background:url(../images/ico1.png)  no-repeat -76px -363px;
	width:53px;
	height:53px;
	display:inline-block;
}
.kf-nav .kf-menu a{
	width:53px;
	height:53px;
	display:inline-block;
	background: url(../images/ico1.png)  no-repeat scroll -76px -363px rgba(0, 0, 0, 0);
}

.kf-nav .kf-top a{
	background-position:-1px -567px;
}
.kf-nav .kf-top{
	margin-top:14px;
}
.kf-nav .kf-share{
	position:relative;
	border-top:1px solid #606060
}
.kf-nav .kf-share a{
	height:52px;
	width:100%;
	display:inline-block;
	padding-top:14px;
}
.kf-nav .kf-share a:hover{
	background:#343434
}
.kf-nav .kf-share a:hover .kf-code{
	display:block
}

.kf-nav .kf-c-bottom,.kf-nav .kf-c-top{
	height:10px;
}

.kf-nav .kf-code{
	position:absolute;
	left:-151px;
	bottom:-54px;
	width:152px;
	display:none;
}
.kf-nav .kf-code ol{
	padding-top:9px;
}
.kf-nav .kf-code ol p{
	line-height:24px;
	color:#FFF
}
.kf-nav .kf-code ol li{
	padding-bottom:3px;
}

.kf-nav .kf-c-top{
	background:url(../images/f-top.png) repeat-y;
}
.kf-nav .kf-c-bottom{
	background:url(../images/f-bottom.png) repeat-y;
}
.kf-nav .kf-c-er{
	background:url(../images/f-middle.png) repeat-y;
}
.kf-nav .kf-share a b{
	font-weight:normal;
	margin-top:6px;
}
.kf-nav .kf-search i,.kf-nav .kf-menu i,.kf-nav .kf-top i,.kf-nav .kf-share i{
	background:url(../images/ico1.png)  no-repeat 0 0;
	width:34px;
	height:34px;
	display:inline-block;
}
.kf-nav .kf-search i{
	background-position:-170px -99px;
	margin-top:10px;
}
.kf-nav .kf-share i{
	background-position:-96px -99px;
	display:block;
	margin:0 auto
}
.kf-nav .kf-top i{
	background-position:2px -99px;
	margin-top:16px
}
.kf-nav .kf-search a:hover,.kf-nav .kf-menu a:hover,.kf-nav .kf-top a:hover{
	background:url(../images/ico1.png)  no-repeat 0 -363px;
}
.kf-nav .kf-search,.kf-nav .kf-menu,.kf-nav .kf-list{
	margin-top:14px;
}
.kf-nav .kf-list{
	width:72px;
	margin:14px auto 0;
}
.kf-nav .kf-list li{
	height:47px;
	line-height:47px;
	color:#FFF;
	text-align:center;
	border-bottom:1px solid #292929;
	border-top:1px solid #5c5c5c;
}
.kf-nav .kf-list li a{
	display:inline-block;
	width:100%;
	color:#fff;

}
.kf-nav .kf-list li a:hover{
	background:#323232;
	color:red;
}
.kf-nav li.kf-join{
	height:40px;
	line-height:40px;
	border-top:none;
}
.kf-nav .kf-1{
	margin-top:10px;
}
.kf-nav .kf-1,.kf-nav .kf-2{
	color:#FFF;

}
.kf-nav .kf-menu:hover p{
	color:#474747
}
.kf-nav .kf-2{
	font-size:12px;
	line-height:12px;
	margin-top:2px;
}
/*客服导航 end*/


/*分页*/
.mypages{text-align:center;height: 50px;line-height: 50px;}
.mypages ul{display:inline-block;margin:0 auto}
.mypages li{padding:0 15px;line-height:40px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:40px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#ed2d38;}